<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>教育培训</title>
    <meta name="keywords" content="教育培训" />
    <meta name="description" content="党建要闻" />
    <link href="/static/css/party/style.css" rel="stylesheet" type="text/css">
    <link href="/static/js/party/myfocus/js/mf-pattern/mF_classicHC.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/webjars/layui/css/layui.css" media="all">
    <script type="application/javascript" src="/static/webjars/layui/layui.js"></script>
    <script type="application/javascript" src="/static/js/jquery.min.js"></script>


    <link href="/static/css/party/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/common.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/common2018.css.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/iconfont.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/css/party/foot.css"/>
    <link href="/static/css/party/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script type="application/javascript" src="/static/js/party/template-web.js"></script>
    <script type="application/javascript" src="/static/js/party/template-web-extends.js"></script>
    <script type="application/javascript" src="/static/js/party/boorstap.min.js"></script>
    <script type="application/javascript" src="/static/js/party/common.js"></script>

</head>
<style>
    body{
        background-color: #DEEAEA;
    }
</style>
<body>
<div class="padlogo w1200 mt50">
    <div class="danghui fl ml25"><img src="/static/images/party/img/danghui.gif"/></div>
    <div class="logo fl ml20 mt8"><img src="/static/images/party/img/logo.png"/></div>
    <div class="slogo fr"><embed src="/static/images/party/img/donghua.swf" width="600" height="150" wmode="transparent" /></div>
    <div class="clear"></div>
</div>

<div class="w1000 mt60" >
    <ul class="nav" style="text-align: center" id="dingbu">
        <li class="bg2">&nbsp;</li>
        <li class="bg2" style="width: 143px;" party-src="/party/home/index"><a href="javascript:;">首页</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/news"><a href="javascript:;">新闻资讯</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/education"><a href="javascript:;">教育培训</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/service"><a href="javascript:;">服务大厅</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/map"><a href="javascript:;">党建地图</a></li>
        <li class="bg2" style="width: 143px"><a href="/party/home/admin" target="_blank">后台管理</a></li>

        <%--<li class="bg2"><a href='/views/party/fore/index1.jsp' target='_blank'>后台管理</a></li>--%>
    </ul>


</div>
<div class='nav_bg w1000 mt30'><img src='/static/images/party/img/nav_bg.png' class='tcenter'/></div>

<div class="clearfix"></div>


<div class="container">
    <div class="row list-dx">

        <div class="col-md-8 margin-top-10" id="train_pic">
        </div>
        <div class="col-md-4 news-list1" id="train_title">
        </div>

        <div class="clearfix">
        </div>

        <div class="col-md-12">
            <h4 class="dh-bg common">
                课件中心
                <!--<span>
                    <a class="needLogin" target="javascript:void(0)" >
                        更多>>
                    </a>
                </span>-->
            </h4>
        </div>

        <style>
           .card-h :hover{
               box-shadow: 0 4px 15px 0 rgba(7, 17, 27, 0.3);
           }

            .card-h-none :hover{
                box-shadow: none;
            }
        </style>
        <div class="row" id="card">



            <c:forEach var="lesson" begin="0" end="6"  items="${lessons}" >
                <div class="col-md-4 col-lg-3 card-h">
                    <div class="thumbnail pr card-h-none" >
                        <section class="i-live-c-timer__wrap text-center">
                            <div class="hLh30"><span class="fs20 c-666"> 16:20 —  18:00</span></div>
                            <div>
                                ${lesson.getCheckDate()}
                            </div>
                            <div style="width: 100%;height: 32px;">
                                <div style="margin-top: 10px;margin-bottom: 10px;height: 12px; width: 100%;background-color: #f2f2f2;padding: 0;"></div>
                            </div>
                        </section>
                        <section class="pr" data-open="50">
                            <a href="javascript:void(0);" onclick="getMore(${lesson.getId()})"><img style="width: 260px;height: 151px;"  src="${lesson.getPic()}"></a>

                        </section>
                        <div class="caption bg-fb ">
                            <section class="cm-desc-txt__twoLine">
                                <a href="javascript:void(0)" class="fs14 c-333">
                                    ${lesson.getName()}</a>
                            </section>
                            <section class="mt10 mb5 clearfix">
                                <aside class="pull-right">
                                                                                <span class="ml5 fs12 c-999">
                                                                                    <i class="layui-icon layui-icon-group"></i>
                                                                                    0</span>
                                </aside>
                                <aside class="pull-left hLh20 txtOf i-c-small-teacher__wrap">
                                    <a href="" data-toggle="tooltip" data-placement="top" data-original-title="" class="mr5"><img class="img-circle" src="" alt="" height="20" width="20"></a>
                                </aside>
                            </section>
                        </div>
                    </div>
                </div>
            </c:forEach>

        </div>
    </div>
</div>




<div id="ft" class="clearfix">
    <div class="ft-center">
        <span>智慧兴文公共信息平台:&nbsp;</span>
        <a>All Rights Reserved.&nbsp;&nbsp;</a>
        <span>版权所有:&nbsp;</span>
        <a href="http://www.ituohui.com/" target="_blank">四川省数聚汇智科技有限公司</a>
    </div>
</div>



</body>
</html>

<script type="application/javascript">
    $("li[party-src]").click(function(){
        var that = $(this);
        var src = that.attr("party-src");
        window.location.href = src;
    });

    function getMore(id) {
        window.open("/party/home/vedio?id="+id);
    }
</script>
